import React, { PureComponent } from 'react';
import { connect } from 'dva';
import {
  Form,
  Input,
  DatePicker,
  Select,
  Card,
  Row, 
  Col,
  Button,
  InputNumber,
  Radio,
  Icon,
  Tooltip,
} from 'antd';
import styles from './style.less';

const FormItem = Form.Item;
const { Option } = Select;
const { RangePicker } = DatePicker;
const { TextArea } = Input;

@connect(({ loading }) => ({
  submitting: loading.effects['form/submitRegularForm'],
}))
@Form.create()
class BasicForms extends PureComponent {

  render() {
    return (
      <Card>
        <h2>交易设置</h2>
        <Row className={styles.reteSet}>
          <Col span={12}>
            <h1 className={styles.title}>普通认证费率</h1>
            <Row className={styles.rateInput}>
              <span>实名认证费率：</span>
              <Input addonAfter="%" placeholder='请输入百分数' style={{width:500}} />
            </Row>
            <Row className={styles.rateInput}>
              <span>企业认证费率：</span>
              <Input addonAfter="%" placeholder='请输入百分数' style={{width:500}} />
            </Row>
            <h1 className={styles.title}>提现手续费</h1>
            <Row className={styles.rateInput}>
              <span>钱包提现费率：</span>
              <Input addonAfter="%" placeholder='请输入百分数' style={{width:500}} />
            </Row>
          </Col>
          <Col span={12}>
            <h1 className={styles.title}>恒企认证费率</h1>
            <Row className={styles.rateInput}>
              <span>恒企教师认证：</span>
              <Input addonAfter="%" placeholder='请输入百分数' style={{width:500}} />
            </Row>
            <Row className={styles.rateInput}>
              <span>恒企伙伴认证：</span>
              <Input addonAfter="%" placeholder='请输入百分数' style={{width:500}} />
            </Row>
          </Col>
        </Row>
        <Button type="primary">更新信息</Button>
      </Card>
    );
  }
}

export default BasicForms;
